@import 'common.sass'

.reason-container
    width: vw(750)
    height: auto
    display: flex
    flex-direction: column
    justify-content: center
    align-items: center

    .image-box
        width: vw(700)
        height: vw(150)
        display: flex
        flex-direction: column
        align-items: center
        background-color: red

        .img
            width: vw(700)
            height: vw(150)

    .title-box
        width: auto
        height: auto
        display: flex
        flex-direction: column
        align-items: center

        .english
            font-size: vw(18)
            color: $content_color

        .chinese
            font-size: vw(32)
            display: flex
            align-items: center
            color: $title_color

    .content-box
        width: vw(750)
        height: auto
        display: flex
        flex-direction: column
        justify-content: center
        align-items: center
        font-size: vw(24)
        line-height: vw(48)

        .label-box
            width: vw(750)
            height: vw(50)
            display: flex
            justify-content: flex-start
            color: $title_color

            .label
                width: vw(200)
                height: vw(50)
                background-color: rgb(232, 245, 247)
                text-align: center

        .text
            width: vw(700)
            height: auto
            text-indent: 2em
            color: $content_color
            word-break: break-all
